<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<!DOCTYPE html>
<html lang="zh-CN">
  <head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <%@ include file="/common/dxp/include/common-base.jsp"%>
  <title>设备信息配置</title>
  <!-- Tell the browser to be responsive to screen width -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
</head>

<!-- Part 一、 以下是body主体内opc/容的模块区域 -->
<body class="hold-transition ${sysColor} sidebar-mini">
<div class="wrapper">

  <!-- top start -->
  <%@include file="/common/dxp/top.jsp" %>
  <!-- top end -->
  <!-- left start -->
  <%@include file="/common/dxp/left.jsp" %>
  <!-- left end-->

  <div class="content-wrapper">
    <!-- Main start -->
	<section class="content">
	  			<div id="div_hidden_content" class="hidden" style="display:none;">
	  			    <input name="templateType" type="hidden" value="all"/>
                    <div id="hidden_common_final">
                        <!-- temp="hidden_common_final" start -->
										<input name="mainObjName" type="hidden" value="opcUaGroups">
										<input name="mainObjPrimaryKey" type="hidden" value="infoId">
										<input name="objNameAll" type="hidden" value="opcUaGroups">
				<!-- temp="hidden_common_final" end -->
                     </div>
                    <!-- temp="delForm_hidden" start -->
									<div id="delForm_hidden" style="display:none;">
										<input type="hidden" name="pageName" value="opc-ua-groups"/>
										<input type="hidden" name="formName" value="delForm"/>
									</div>
				<!-- temp="delForm_hidden" end -->
	  			</div>
      <div class="row">
        <div class="col-xs-12">
        <style>
            @-webkit-keyframes  shineRed {
                from { -webkit-box-shadow: 0 0 8px #bbb; }
                50% { -webkit-box-shadow: 0 0 15px #009651; }
                to { -webkit-box-shadow: 0 0 8px #bbb; }
            }
            .box-begining{
                -webkit-animation-name: shineRed;
                -webkit-animation-duration: 0.8s;
                -webkit-animation-iteration-count: infinite;
            }
        </style>
          <!------搜索  start ------->
          <div class="box box-info">
	          <div class="box-header with-border">
                 <h3 class="box-title"><i class="fa fa-search"></i> 设备信息配置</h3>
				  <div class="hidden">
					  <form id="searchForm" action="javascript:;">
						  <div id="searchForm_hidden" style="display:none;">
							  <input type="hidden" name="pageName" value="opc-ua-groups-server"/>
							  <input type="hidden" name="formName" value="searchForm"/>
							  <input type="hidden" name="orderBy" value="opcUaGroups.server_id,opcUaGroups.create_time"/>
						  </div>
					  </form>
				  </div>
              </div>
            <div class="box-body mytab2">
				<div class="col-lg-4" style="border:1px solid #dedede;padding:2px;">
					<div>
						<button id="button_to_add" onclick="toAdd('#my_modal_add','');" class="btn btn-primary btn-xs" type="button"><i class="fa fa-plus-circle"></i> 添加新设备 </button>
						<span class="pull-right">共计(<span id="span_group_totals">0</span>)个设备</span>
					</div>
					<div style="height:520px;overflow-y: scroll;" id="dataList-body">
					</div>
				</div>
				<div class="col-lg-8" style="border:1px solid #dedede;padding:2px;">
					<div>
						<button onclick="toAdd('#my_modal_additems','');" class="btn btn-primary btn-xs" type="button"><i class="fa fa-plus-circle"></i> 新建标记 </button>
						<span class="pull-right"><span class="this_shebei_name"></span>设置标记数据共计(<span id="span_items_totals">0</span>)条数据</span>
						<table class="table table-bordered " style="margin-bottom: 0px;">
							<thead>
								<tr>
									<th style="width:30px;">序号</th>
									<th class="text-center">标记名称</th>
									<th class="w50">索引值</th>
									<th class="w50">类型</th>
									<th class="w50">状态</th>
									<th class="w50">采集</th>
									<th class="w120">操作</th>
								</tr>
							</thead>
						</table>
					</div>
					<div class="mytab2" style="height:500px;overflow-y: scroll;">
						<table id="dataItemsDetailList" class="table table-bordered table-hover">
							<tbody id="dataItemsDetailList-body">
								<tr>
									<td colspan="6" class="text-center fx8">请先左侧选中设备</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
            </div>
	     </div>
        </div>
      </div>
  
<div win-title="设备添加窗口" class="modal fade" id="my_modal_add" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog" style="width:80%;">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
							×
						</button>
						<h4 class="modal-title">
							<font color="red">添加新设备</font> 
						</h4>
					</div>

					<div class="modal-body">
						
					       <div class="nav-tabs-custom">
					            <ul class="nav nav-tabs">
					            </ul>
					              
					            <!-- tab content start -->
					            <div class="tab-content">
					            
					               <div class="tab-pane active">
					                  <form class="form-horizontal addFormBody" role="form" id="addFormGroup" action="javascript:void(0)">
					                    <input type="hidden" class="formToken" id="addFormGroup_formToken" name="formToken" />
										<input type="hidden" name="pageName" value="opc-ua-groups"/>
										<input type="hidden" name="formName" value="addForm"/>

					                    <!-- temp="addFormGroup_content" start -->
                                          <input type="hidden" name="opcUaGroups.status" value="0"/>
											<div id="addFormGroup_content" data-temp-code="true" data-temp-type="addForm" data-temp-form-id="addFormGroup">

												<table class="table table-bordered bordercolor">
													<tbody>
													<tr>
														<td class="active" align="right"><label
																class="form-control-static">所属服务：</label></td>
														<td>
															<div class="form-group"><select
																	id="addFormGroup_opcUaGroups_serverId"
																	name="opcUaGroups.serverId"
																	class="form-control  clean"
																	data-temp-obj="opcUaGroups.serverId"
																	data-dict-code="dymicSql" data-dict-cate=""
																	data-colmun="{value:'infoId',text:'applicationName'}"
																	data-obj-name="opcUaServer"
																	data-page-name="opc-ua-server"
																	data-form-name="searchForm" data-condition=""
																	data-type-tag="select" placeholder="必填项"
																	data-bv-notempty="true"
																	data-bv-notempty-message="不能为空" data-def="">
																<option value="">--请选择--</option>
															</select></div>
														</td>
													</tr>
													<tr>
														<td class="active" align="right"><label
																class="form-control-static">设备名称：</label></td>
														<td>
															<div class="form-group"><input name="opcUaGroups.groupName"
																						   class="form-control clean"
																						   maxlength="30"
																						   data-temp-obj="opcUaGroups.groupName"
																						   placeholder="必填项"
																						   data-bv-notempty="true"
																						   data-bv-notempty-message="不能为空">
															</div>
														</td>
													</tr>
													</tbody>
												</table>
											</div>
				<!-- temp="addFormGroup_content" end -->
										
					                    
					                    <div class="form-group">
								        	<div class="col-sm-12">
									         <div class="box-footer text-center">
												<button class="btn btn-success pull-left" type="button" onclick="mytools.closeModal('my_modal_add');"> 取消 </button>
				                				<button class="btn btn-danger pull-right" type="button" onclick="submitForm1('addFormGroup','');" data-temp-event="addFormGroup_hidden"> 提 交 </button>
					            			</div>
				            				</div>
				            			</div>
				            			
					                  </form>
					               </div>
					          
				            </div>
					            <!-- tab content e -->
				          </div>	
			                
					</div>
				</div>
				<!-- /.modal-content -->
			</div>		
</div>
<div win-title="标记添加窗口" class="modal fade" id="my_modal_additems" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog" style="width:70%;">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
					×
				</button>
				<h4 class="modal-title">
					<font color="red">添加新标记</font> 
				</h4>
			</div>

			<div class="modal-body">

				<div class="nav-tabs-custom">
					<ul class="nav nav-tabs">
					</ul>

					<!-- tab content start -->
					<div class="tab-content">

						<div class="tab-pane active">
							<div class="text-info pb10"><i class="fa fa-info-circle"></i> 如下标记信息的录入规则请参考Kepware.KEPServer等工具</div>
							<form class="form-horizontal addFormBody" role="form" id="addFormItems" action="javascript:void(0)">
								<input type="hidden" class="formToken" name="formToken" />
								<input type="hidden" name="pageName" value="opc-ua-items"/>
								<input type="hidden" name="formName" value="addForm"/>
								<input type="hidden" name="opcUaItems.parentId" value="0"/>
								<input type="hidden" class="input_serverId clean" name="opcUaItems.serverId" value=""/>
								<input type="hidden" class="input_groupId clean" name="opcUaItems.groupId" value=""/>
								<input type="hidden" class="clean" name="opcUaItems.w_infoId" data-name="opcUaItems.infoId" value=""/>
								<table class="table table-bordered bordercolor">
									<tbody>
									<tr>
										<td class="active" align="right"><label class="form-control-static">所属设备：</label></td>
										<td>
											<div class="form-control-static"><span class="this_shebei_name"></span></div>
										</td>
									</tr>
									<tr>
										<td class="active" align="right"><label class="form-control-static">标记名称：</label></td>
										<td>
											<div class="form-group">
												<input name="opcUaItems.identifier" class="form-control clean" maxlength="300"
													   data-name="opcUaItems.identifier" placeholder="必填项，请输入服务端配置的标记完整全名称" data-bv-notempty="true" data-bv-notempty-message="不能为空">
											</div>
										</td>
									</tr>
									<tr>
										<td class="active" align="right"><label class="form-control-static">索引值：</label></td>
										<td>
											<div class="form-group">
												<input name="opcUaItems.spaceIndex" class="form-control clean" maxlength="30"
													   data-bv-regexp="true" data-bv-regexp-regexp="^[0-9]+$" data-bv-regexp-message="只能输入数字"
													   data-name="opcUaItems.spaceIndex" placeholder="必填项" data-bv-notempty="true" data-bv-notempty-message="不能为空">
											</div>
										</td>
									</tr>
									<tr>
										<td class="active" align="right"><label class="form-control-static">数据类型：</label></td>
										<td>
											<div class="form-group">
												<select id="addFormItems_opcUaItems_valueType" name="opcUaItems.valueType" class="form-control  clean"
														data-name="opcUaItems.valueType" data-bv-notempty="true"
														data-bv-notempty-message="不能为空" data-def="">
													<option value="" remark="" selected="selected"> --请选择--</option>
													<option value="String">String</option>
													<option value="Boolean">Boolean</option>
													<option value="Double">Double</option>
													<option value="Float">Float</option>
													<option value="Long">Long</option>
													<option value="Short">Short</option>
													<option value="Byte">Byte</option>
													<option value="Char">Char</option>
													<option value="Word">Word</option>
													<option value="DWord">DWord</option>
													<option value="DoubleArray">DoubleArray</option>
													<option value="FloatArray">FloatArray</option>
													<option value="LongArray">LongArray</option>
													<option value="ShortArray">ShortArray</option>
													<option value="ByteArray">ByteArray</option>
													<option value="CharArray">CharArray</option>
													<option value="WordArray">WordArray</option>
													<option value="DWordArray">DWordArray</option>
												</select>
											</div>
										</td>
									</tr>
									<tr>
										<td class="active" align="right"><label class="form-control-static">标记状态是否正常：</label></td>
										<td>
											<div class="form-group">
												<select id="addFormItems_opcUaItems_status" name="opcUaItems.status" class="form-control  clean"
														data-name="opcUaItems.status" data-dict-code="dictItemList" data-dict-cate="yesOrNo"
														data-type-tag="select" placeholder="必填项" data-bv-notempty="true"
														data-bv-notempty-message="不能为空" data-def=""></select></div>
										</td>
									</tr>
									<tr>
										<td class="active" align="right"><label class="form-control-static">节点简称：</label></td>
										<td>
											<div class="form-group">
												<input name="opcUaItems.nodeName" class="form-control clean" maxlength="30"
													   data-name="opcUaItems.nodeName" placeholder="必填项" data-bv-notempty="true" data-bv-notempty-message="不能为空">
											</div>
										</td>
									</tr>
									<tr class="hidden">
										<td class="active" align="right"><label class="form-control-static">采集周期：</label></td>
										<td>
											<div class="form-group">
												<div class="input-group ">
													<input name="opcUaItems.collectTime" class="clean" maxlength="10" data-name="opcUaItems.collectTime" placeholder="必填项" data-bv-notempty="true" data-bv-notempty-message="不能为空">
													<select data-type-tag="select" name="opcUaItems.collectTimeUnit" style="width:60px;" data-name="opcUaItems.collectTimeUnit" class="input-group-addon" >
														<option  value="ms">ms</option>
														<option value="s">s</option>
													</select>
												</div>
											</div>
										</td>
									</tr>
									<tr class="hidden">
										<td class="active" align="right"><label class="form-control-static">存储周期：</label></td>
										<td>
											<div class="form-group">
												<div class="input-group ">
													<input name="opcUaItems.storeTime" class="clean" maxlength="10" data-name="opcUaItems.storeTime" placeholder="必填项" data-bv-notempty="true" data-bv-notempty-message="不能为空">
													<select data-type-tag="select" name="opcUaItems.storeTimeUnit" style="width:60px;" data-name="opcUaItems.storeTimeUnit" class="input-group-addon" >
														<option value="ms">ms</option>
														<option value="s">s</option>
													</select>
												</div>
											</div>
										</td>
									</tr>
									</tbody>
								</table>


								<div class="form-group">
									<div class="col-sm-12">
										<div class="box-footer text-center">
											<button class="btn btn-success pull-left" type="button" onclick="mytools.closeModal('my_modal_additems');"> 取消 </button>
											<button class="btn btn-danger pull-right" type="button" onclick="submitForm1('addFormItems','');"> 提 交 </button>
										</div>
									</div>
								</div>

							</form>
						</div>

					</div>
					<!-- tab content e -->
				</div>

			</div>
		</div>
		<!-- /.modal-content -->
	</div>
</div>
<div win-title="设备标记导入窗口" class="modal fade" id="my_modal_importitems" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog" style="width:80%;">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
							×
						</button>
						<h4 class="modal-title">
							<font color="red">设备标记信息导入</font> 
						</h4>
					</div>
					<div class="modal-body">
						<form class="form-horizontal editFormBody" role="form" id="editForm1" action="javascript:void(0)">
						</form>
						<div class="box-body mytab2">
							<div class="row pb10">
								<div class="col-lg-12">
									从该服务通道配置的OPC UA Server 端选择标记来为此设备生成标记。
									目标URL：<span class="red" id="span_server_uri_addr"></span>
								</div>
							</div>
							<div class="row pb5">
								<div class="col-lg-6">
									服务端节点筛选，<button class="btn btn-default btn-xs" onclick="getItemsTreeData()"><i class="fa fa-refresh"></i> 刷新服务端节点</button>
<%--									默认采集和存储时间：<input id="importitems_input_collect_time" value="1" size="6"/>--%>
<%--										<select id="importitems_select_collect_unit">--%>
<%--											<option selected="selected">ms</option>--%>
<%--											<option>ms</option>--%>
<%--										</select>--%>
								</div>
								<div class="col-lg-6">
									<div>已添加的项（<span id="span_selected_totals">0</span>条）</div>
								</div>
							</div>
							<div class="row">
								<div class="col-lg-5">
									<div class="box box-solid box-info" style="height:400px;overflow-y: scroll;">
										<table id="items_treeview_box" class="table table-bordered table-hover">
											<thead class="hidden">
											<tr>
												<th data-field="name"></th>
											</tr>
											</thead>
											<tbody class="box-min-table"> </tbody>
										</table>
									</div>
								</div>
								<div class="col-lg-1" style="vertical-align: middle;text-align: center;line-height:30px;padding:60px 2px;">
									<button id="btn_add_item" onclick="addItemsBySelectedRows('item')" class="btn btn-default btn-xs" disabled="disabled" type="button">添加此项 >></button>
									<button id="btn_add_childs" onclick="addItemsBySelectedRows('childs')" class="btn btn-default btn-xs" disabled="disabled" type="button">添加分支 >></button>
									<button id="btn_remove_item" onclick="removeItemsBySelectedRows('item')" class="btn btn-default btn-xs" disabled="disabled" type="button"><< 移除此项</button>
									<button id="btn_remove_all" onclick="removeItemsBySelectedRows('all')" class="btn btn-default btn-xs" disabled="disabled" type="button"><< 移除全部</button>
								</div>
								<div class="col-lg-6">
									<div class="box box-solid box-info" style="height:400px;overflow-y: scroll;padding: 2px;">
										<table id="items_selected_box" class="table table-bordered table-hover">
											<thead class="hidden">
											<tr>
												<th data-field="identifier"></th>
											</tr>
											</thead>
											<tbody class="box-min-table"> </tbody>
										</table>
									</div>
									<div class="hidden">
										<form id="selected_submit_form" action="javascript:void(0)">
											<input name="pageName" value="opc-ua-items-addbatch" size="10"/>
											<input name="formName" value="addFormBatch" size="10"/>
											<input name="ifBatch" value="T" size="10"/>
											<input name="opcUaItems.splitAttr" value="identifier" size="10"/>
											<input name="opcUaItems.w_groupId" value="" size="10"/>
											<div id="selected_submit_form_box">

											</div>
										</form>
									</div>
									<div class="pull-right">
										<button class="btn btn-primary" onclick="saveItemsBatchData()" type="button">确定保存</button>
										<button class="btn btn-default" type="button" onclick="mytools.closeModal('my_modal_importitems');">取消</button>
									</div>
								</div>
							</div>
						</div>

					</div>
				</div>
				<!-- /.modal-content -->
	</div>		
</div>  

<div win-title="查看窗口" class="modal fade" id="my_modal_view" tabindex="-2" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog" style="width:80%;">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
							×
						</button>
						<h4 class="modal-title">
							<font color="red">查看详情</font> 
						</h4>
						<form id="viewForm" action="javascript:void(0)">
							<!-- temp="viewForm_hidden" start -->
							<div id="viewForm_hidden" style="display:none;"></div>
							<!-- temp="viewForm_hidden" end -->
						</form>
					</div>
					<div class="modal-body viewForm">
						
						<div class="nav-tabs-custom">
					            <ul class="nav nav-tabs" id="myTab-view">
					            </ul>
					            
					            <!-- tab content start -->
					            <div class="tab-content">
					            
					               <div class="tab-pane active" id="tabView_1">
					                  <form class="form-horizontal" role="form" id="viewForm1" action="javascript:void(0)">
					              		
					              		<!-- temp="viewForm1_content" start -->
				<div id="viewForm1_content" class="row viewForm">
					<table class="table table-bordered bordercolor"><tbody>
					<tr><td class="active" align="right"><label class="form-control-static">所属服务：</label></td>
					<td><div class="form-control-static"><span id="viewForm1_opcUaGroups_serverId" data-dict-cate="" data-dict-code="dymicSql" data-type-tag="select" data-page-name="opc-ua-server" data-form-name="searchForm" data-obj-name="opcUaServer" data-condition="" data-name="opcUaGroups.serverId" data-colmun="{value:'infoId',text:'applicationName'}"></span></div></td></tr>
					<tr><td class="active" align="right"><label class="form-control-static">设备Id：</label></td>
						<td><div class="form-control-static"><span data-name="opcUaGroups.infoId"></span></div></td></tr>
					<tr><td class="active" align="right"><label class="form-control-static">设备标识：</label></td>
						<td><div class="form-control-static"><span data-name="opcUaGroups.deviceEname"></span></div></td></tr>
					<tr><td class="active" align="right"><label class="form-control-static">设备名称：</label></td>
						<td><div class="form-control-static"><span data-name="opcUaGroups.groupName"></span></div></td></tr>
					</tbody></table>
				</div>
				<!-- temp="viewForm1_content" end -->
					                    
					                  </form>
					                  <div class="form-group">
                                        <div class="col-sm-12">
                                         <div class="box-footer text-center">
                                            <button class="btn btn-success pull-right" type="button" onclick="mytools.closeModal('my_modal_view');"> 关闭 </button>
                                        </div>
                                        </div>
                                      </div>
					               </div>
					               
					          
				            </div>
					            <!-- tab content e -->
				          </div>
					</div>
				</div>
				<!-- /.modal-content -->
	</div>		
</div>

<!-- Part 二、以下是template模板定义的模块区域 -->
<script type="text/template" id="dataList-template">
		<? for ( var i = 0; i < rows.length; i++) {?>
		<div class="panel panel-info">
			<div class="panel-heading">
				<h5 class="panel-title f14">
					<a data-toggle="collapse" data-parent="#dataList-body" href="#panel-body_<?=i?>">
						<span class="badge bg-blue">服务<?=(i+1)?></span> <?=rows[i].opcUaServer.applicationName?>
					</a>
<%--					<span class="pull-right"><?=(rows[i].childs.length)?></span>--%>
				</h5>
			</div>
			<div id="panel-body_<?=i?>" class="collapse <?=(i==0?'in':'')?>">
				<div class="panel-body"  style="padding:5px;">
					<? for ( var j = 0; j < rows[i].childs.length; j++) {?>
					<? var opcUaGroups = rows[i].childs[j]?>

					<div class="box box-default box-solid left-group-box" data-server-id="<?=rows[i].opcUaServer.infoId?>"
						 data-server-application-name="<?=rows[i].opcUaServer.applicationName?>" data-server-ip="<?=rows[i].opcUaServer.serverIp?>" data-server-port="<?=rows[i].opcUaServer.serverPort?>"
						 data-group-id="<?=opcUaGroups.infoId?>"  data-shebei-name="<?=opcUaGroups.groupName?>" style="margin-bottom:10px;" title="点击可查看标记信息">
						<div class="box-header" onclick="checkedGroupBox(this)" data-group-status="<?=opcUaGroups.status?>">
							<h5>
								<span><?=(j+1)?>.</span><?=strUtil.doNull(opcUaGroups.groupName,'')?>
								<span class="pull-right group-status-text hidden f12">采集进行中</span>
								<button type="button" class="btn btn-default btn-xs pull-right fx8 opt-del" onclick="delSheBei('<?=opcUaGroups.infoId?>')" title="删除设备"><i class="fa fa-close"></i></button>
								<button type="button" class="btn btn-default btn-xs pull-right fx8 opt-del" onclick="toLoad('<?=opcUaGroups.infoId?>','view')" title="查看设备"><i class="fa fa-search-plus"></i></button>
							</h5>
						</div>
						<div class="box-body">
							<button type="button" class="btn btn-default btn-xs opt-import" onclick="optSheBei(this,'import')" title="快速导入标记"><i class="fa fa-reply"></i> 导入标记</button>&nbsp;
							<button type="button" class="btn btn-success btn-xs opt-start" onclick="optSheBei(this,'start')" title="启动数据采集"><i class="fa fa-play-circle"></i> 启动采集</button>&nbsp;
							<button type="button" class="btn btn-danger btn-xs opt-stop" disabled="disabled" onclick="optSheBei(this,'stop')" title="停止数据采集"><i class="fa fa-stop-circle"></i> 停止采集</button>&nbsp;
						</div>
					</div>

					<? }?>
				</div>
			</div>
		</div>
   <?}?>
</script>
<script type="text/template" id="dataItemsDetailList-template">
	<?if(rows.length==0){?>
		<tr>
			<td colspan="6" class="text-center fx8">该设备暂无标记信息，请先新建标记！</td>
		</tr>
	<?}?>
	<? for ( var i = 0; i < rows.length; i++) {?>
	<tr>
		<td style="width:30px;"><?=(i+1)?></td>
		<td><?=strUtil.doNull(rows[i].opcUaItems.identifier,'')?></td>
		<td class="w50 text-center"><?=strUtil.doNull(rows[i].opcUaItems.spaceIndex,'--')?></td>
		<td class="w50 text-center"><?=strUtil.doNull(rows[i].opcUaItems.valueType,'未定义')?></td>
		<td class="w50 text-center"><?if('T'==rows[i].opcUaItems.status){?>正常<?}else{?>停用<?}?></td>
		<td class="w50 text-center"><?if('1'==rows[i].opcUaItems.collectStatus){?>进行中<?}else{?>停止中<?}?></td>
		<td class="w120">
			<button type="button" class="btn btn-default btn-xs" onclick="toAdd('#my_modal_additems','<?=rows[i].opcUaItems.infoId?>')"><i class="fa fa-cog"></i> 设置</button>
			<button type="button" class="btn btn-default btn-xs" onclick="delItemDetail('<?=rows[i].opcUaItems.infoId?>','<?=rows[i].opcUaItems.groupId?>')"><i class="fa fa-close"></i></button>
		</td>
	</tr>
	<?}?>
</script>
<script type="text/template" id="selected_submit_form_box-template">
<? for ( var i = 0; i < rows.length; i++) {?>
<div>
	<input name="opcUaItems.nodeName" value="<?=rows[i].name?>" size="6"/>
	<input name="opcUaItems.identifier" value="<?=rows[i].identifier?>" size="10"/>
	<input name="opcUaItems.spaceIndex" value="<?=rows[i].namespaceIndex?>" size="2"/>
	<input name="opcUaItems.parentId" value="<?=rows[i].parentId?>" size="10"/>
	<input name="opcUaItems.serverId" value="<?=rows[i].serverId?>" size="10"/>
	<input name="opcUaItems.groupId" value="<?=rows[i].groupId?>" size="10"/>
	<input name="opcUaItems.status" value="T" size="10"/>
	<input name="opcUaItems.valueType" value="<?=rows[i].dataType?>" size="10"/>
	<input name="opcUaItems.collectStatus" value="0" size="10"/>
	<input name="opcUaItems.collectTime" value="1" size="10"/>
	<input name="opcUaItems.collectTimeUnit" value="s" size="10"/>
	<input name="opcUaItems.storeTime" value="1" size="10"/>
	<input name="opcUaItems.storeTimeUnit" value="s" size="10"/>
	<input name="opcUaItems.pageRefreshFlag" value="F" size="10"/>
	<input name="opcUaItems.energyType" value="1" size="10"/>
</div>
<?}?>
</script>

<!-- Part 三、 以下是js模块区域 -->
<script>
var clickMenu = "opc-group-set";
var myPage,dataListId,searchFormId;
myPage = 10;//定义列表数据
dataListId = "dataList";//显示列表数据div的id
searchFormId = "searchForm";//搜索表单Id

var thisServerObj={applicationName:'',port:'',ip:'',id:''},this_server_id='',this_group_id='',this_shebei_name='';
var $tableTreeview = $('#items_treeview_box'),selected_left_nodeId='';
var selectedItemsMap={};
var $tableSeledList = $('#items_selected_box'),selected_right_nodeId='';
/**
 * 初始化数据字典，id传入#id 返回值Map用法：dictListMap["userType"][rows[i].userType]
 */
var dictListMap = DictUtil.initDictAndDymic();
 
$(function () {
	//1、加载分页列表数据
	getTableData();
	
	//2、控制是否启用token
	//setToken();
	
 });
 function checkedGroupBox(obj){
	 getSelectdSheBeiRows($(obj));
	 getItemListByThisGroupId();
 }
 function getSelectdSheBeiRows(trObj) {
 	 var groupBox = trObj.parents('.left-group-box');
	 $('.left-group-box').removeClass('box-primary').addClass("box-default");
	 groupBox.addClass("box-primary");
	 this_server_id=groupBox.attr('data-server-id');
	 this_group_id=groupBox.attr('data-group-id');
	 this_shebei_name =groupBox.attr('data-shebei-name');
	 thisServerObj.applicationName=groupBox.attr('data-server-application-name');
	 thisServerObj.ip=groupBox.attr('data-server-ip');
	 thisServerObj.port=groupBox.attr('data-server-port');
	 thisServerObj.id=this_server_id;
	 $('.this_shebei_name').text(this_shebei_name);
	 console.log('selectdSheBei.serverObj',thisServerObj);
	 console.log('selectdSheBei.other',this_server_id,this_group_id,this_shebei_name);
 }
//注入日历框样式
var dateObject = $('.datepicker').datepicker( {
	language : 'zh-CN',
	//inline: true,
	todayBtn : "linked",
	format : "yyyy-mm-dd",
	autoclose: true
}).on('hide',function(e) {
	//bootstrap datepicker与bootstrapValidator同时使用时选择日期后无法正常触发校验的解决方法
	//当日期选择框关闭时，执行刷新校验。
	var fieldName = $(this).attr("name");//获取当前元素name
	var formId = $(this).parents("form").eq(0).attr("id");//获取当前元素所在父层级中的就近的formId
    $("#"+formId).data('bootstrapValidator').updateStatus(fieldName,'NOT_VALIDATED',null).validateField(fieldName);
});

//给模态窗口内form表单内的所有支持必填项的元素注入校验
$(".modal").on('shown.bs.modal', function () {
	$(this).find("form").each(function(){
		var formId = $(this).attr("id");
		if(!strUtil.isNull(formId)){
			formId="#"+formId;
		 	setValidate(formId);//定义add表单验证属性
			mytools.cleanValidate(formId);//清空上次校验规则提示
		}
	});
});

//打开添加modal
function toAdd(tabId,infoId){
	mytools.cleanData(tabId);//清空表单元素上次填写的内容；
	if(tabId=='#my_modal_additems'){
		if(strUtil.isNull(this_group_id)){
			layer.alert('请先选择设备！');
			return;
		}
		$(tabId).find('.input_serverId').val(this_server_id);
		$(tabId).find('.input_groupId').val(this_group_id);
		$(tabId).find('.this_shebei_name').text(this_shebei_name);
		if(!strUtil.isNull(infoId)){
			var index_load = layer.load(1, {shade: false});
			$(tabId).find("input[name='formName']").val("editForm");
			$.ajax({
				type:"get",
				url:common_info_url,
				data: {'pageName':'opc-ua-items','formName':'searchForm','opcUaItems.w_infoId':infoId},dataType:"json",
				success: function(myData){
					console.log('opcUaItems.info',myData);
					layer.close(index_load);
					//反显加载数据
					if(myData){
						FormUtil.loadView('opcUaItems', myData['opcUaItems'],tabId);
					}
				}
			});
		}else{
			$(tabId).find("input[name='formName']").val("addForm");
		}
	}
	$(tabId).modal("show");
}
//数据toLoad读取（查看、编辑）数据
function toLoad(objId,type){
	if("view"==type){
		$("#my_modal_view").modal("show");
	}else if("edit"==type){
		mytools.cleanData(".editFormBody");//清空表单元素上次填写的内容；
		$("#my_modal_importitems").modal("show");
	}
	var paramLoadData = {};
	//var inputPrimaryObj = $(obj).parent().parent().find("input[name='input_primaryKey']");
	paramLoadData["pageName"]=$("#searchForm").find("input[name='pageName']").val();
	paramLoadData["formName"]=$("#searchForm").find("input[name='formName']").val();
	paramLoadData["opcUaGroups.w_infoId"]=objId;
	$.get(common_info_url, paramLoadData,function(myData){
		console.log("toLoad",myData);
		//反显加载数据
		if(myData){
			FormUtil.loadView("opcUaGroups", myData["opcUaGroups"],"#my_modal_"+type);
			// for(var objNameKey in myData){
			// }
		}
	},"json");
}
function getItemListByThisGroupId() {
	var index_load = layer.load(1, {shade: false});
	$.ajax({
		type:"get",
		url:common_list_url,
		data: {'pageName':'opc-ua-items','formName':'searchForm','opcUaItems.w_groupId':this_group_id},dataType:"json",
		success: function(myData){
			console.log('opcUaItems.list',myData);
			layer.close(index_load);
			var dataHtml = '';
			if(myData.flag=="T"){
				$('#span_items_totals').text(myData.total);
				dataHtml = baidu.template("dataItemsDetailList-template",eval(myData));
			}
			$("#dataItemsDetailList-body").html(dataHtml);
		}
	});
}
//设置设备项目
function settingsGroupBoxClass(obj,types) {
	var groupBox = $(obj).parents('.left-group-box');
	switch (types) {
		case 'start':
				groupBox.find('.opt-start').attr("disabled",true);
				groupBox.find('.opt-stop').attr("disabled",false);
				groupBox.removeClass("box-default box-primary").addClass("box-success box-begining");
				groupBox.find('.group-status-text').removeClass("hidden");
				groupBox.find('.opt-del').addClass("hidden");
			break;
		case 'stop':
				groupBox.find('.opt-start').attr("disabled",false);
				groupBox.find('.opt-stop').attr("disabled",true);
				groupBox.removeClass("box-success box-begining").addClass("box-default box-primary");
				groupBox.find('.group-status-text').addClass("hidden");
				groupBox.find('.opt-del').removeClass("hidden");
			break;
	}
}
//设备操作入口
function optSheBei(obj,types) {
	checkedGroupBox($(obj));
	switch (types) {
		case 'import':
			var server_uri_addr ='opc.tcp://'+thisServerObj.ip+':'+thisServerObj.port;
			$('#span_server_uri_addr').text(server_uri_addr);
			$("#my_modal_importitems").modal("show");
			cleanItemsWinShow();
			if(checkOpcConnection()){
				getItemsTreeData();
			}
			break;
		case 'start':
		case 'stop':
			// if(1==1){settingsGroupBoxClass(obj,types);return;}//调试用
			var titleTips = '启动';
			var serverUrl = ctx+'/subscribeNodes/'+thisServerObj.applicationName+'/';
			if(('stop'==types)){
				titleTips='停止';
				serverUrl = ctx+'/unSubscription/'+thisServerObj.applicationName+'/';
			}
			var index_submit = layer.confirm("你确认要"+titleTips+"“"+this_shebei_name+"”的数据采集吗？", {btn: ["确定","取消"],closeBtn: 0,offset: "220px"}
				, function(){
					layer.close(index_submit);
					if(checkOpcConnection()){
						var index_load=layer.msg("正在"+titleTips+"中...",{time: -1 });
						$.ajax({
							type:"get",
							url:serverUrl,
							data: {groupId:this_group_id},dataType:"json",
							success: function(myData){
								console.log(types+'.res',this_group_id,myData);
								layer.close(index_load);
								if(myData.flag=="T"){
									layer.msg("数据采集已"+titleTips+"！");
									settingsGroupBoxClass(obj,types);
									updateGroupStatus(obj,types);
									getItemListByThisGroupId();
								}else{
									layer.msg(titleTips+"失败："+myData.msg);
								}
							}
						});
					}
				});
			break;
	}
}
//清空上次加载的历史数据
function cleanItemsWinShow() {
	$tableTreeview.bootstrapTable('destroy');
	$tableSeledList.bootstrapTable('destroy');
	selectedItemsMap={};
	selected_left_nodeId='',selected_right_nodeId='';
	$('#btn_add_item').attr('disabled',true);
	$('#btn_add_childs').attr('disabled',true);
	$('#btn_remove_item').attr('disabled',true);
	$('#btn_remove_all').attr('disabled',true);
}
//opc连接检查
function checkOpcConnection() {
	var res_flag = false;
	var index_load=layer.msg("OPC连接中...",{time: -1 });
	var serverUrl = ctx+'/connection/'+thisServerObj.applicationName+'/';
	$.ajax({
		type:"get", async:false,
		url:serverUrl,
		data: {},dataType:"json",
		success: function(myData){
			console.log('checkOpcConnection',myData);
			layer.close(index_load);
			if(myData.flag=="T"){
				res_flag = true;
			}else{
				layer.msg("OPC连接失败，请检查OPC Server是否启动！");
				res_flag = false;
			}
		}
	});
	return res_flag;
}
//更新设备状态
function updateGroupStatus(obj,types) {
	var index_load = layer.load(1, {shade: false});
	var statusVal = ('start'==types)?'1':'0';
	$.ajax({
		type:"post",
		url:common_submit_url,
		data: {'pageName':'opc-ua-groups','formName':'editForm','opcUaGroups.status':statusVal,'opcUaGroups.w_infoId':this_group_id},dataType:"json",
		success: function(myData){
			console.log('updateGroupStatus.res',myData);
			layer.close(index_load);
		}
	});
}
//删除设备
function delSheBei(group_id) {
	var index_load = layer.load(1, {shade: false});
	$.ajax({
		type:"get",
		url:common_list_url,
		data: {'pageName':'opc-ua-items','formName':'searchForm','opcUaItems.w_groupId':group_id},dataType:"json",
		success: function(myData){
			console.log('opcUaItems.list',myData);
			layer.close(index_load);
			if(myData.flag=="T"){
				if(myData.total>0){
					layer.msg("该设备下还有标记信息，不能直接删除！");
					return;
				}
				index_load = layer.load(1, {shade: false});
				$.ajax({
					type:"post",
					url:common_submit_url,
					data: {'pageName':'opc-ua-groups','formName':'delForm','opcUaGroups.w_infoId':group_id},dataType:"json",
					success: function(myData){
						console.log('delGroup.res',myData);
						layer.close(index_load);
						getTableData();
					}
				});
			}
		}
	});
}
//查找服务节点树
function getItemsTreeData() {
	var index_load = layer.load(1, {shade: false});
	var paramData = {'pageName':'','formName':''};
	var serverUrl = ctx+'/browNodes/'+thisServerObj.applicationName+'/';
	$tableTreeview.bootstrapTable('destroy');
	$tableTreeview.bootstrapTable({
		url: serverUrl,
		idField: 'nodeId',
		uniqueId:'nodeId',
		treeShowField: 'name',//在哪一列展开树形
		parentIdField: 'parentId',//指定父id列
		formatNoMatches:function(){
			var noHtml = "暂无数据";
			return noHtml;
		},
		onClickRow: function (row, $element, field) {
			// console.log('onClickRow',row, $element, field);
			$element.addClass('selected').siblings().removeClass('selected');
			selectionRow(row, $element, field);
		},
		onLoadSuccess: function (data) {//加载成功时执行
			var allTableData = $tableTreeview.bootstrapTable('getData');
			if(allTableData.length>0){
				$tableTreeview.treegrid({
					initialState: 'collapsed',// collapsed=所有节点都折叠，'expanded'=所有节点都展开，默认展开
					// treeColumn: 1,
					expanderExpandedClass: 'fa fa-caret-down',  //图标样式
					expanderCollapsedClass: 'fa fa-caret-right',
					onChange: function () {
						$tableTreeview.bootstrapTable('resetWidth');
					}
				});
			}
			console.log('getItemsTreeData.res',allTableData);
			layer.close(index_load);
		},
		onLoadError: function(status){//加载失败时执行
			layer.close(index_load);
			console.log("bootstrapTable.onLoadError",status);
		}
	});
}
//选择某树节点
function selectionRow(row, $element, field) {
	selected_left_nodeId = row.nodeId;
	var selected_identifier = row.identifier;
	var selected_parentId = row.parentId;
	var selected_nodesCount=row._nodes.length;
	console.log('selectionRow',row,selected_identifier,selected_nodesCount);
	if(selected_nodesCount==0){
		$('#btn_add_item').attr('disabled',false);
		$('#btn_add_childs').attr('disabled',true);
		$('#btn_remove_item').attr('disabled',true);
	}else{
		$('#btn_add_item').attr('disabled',true);
		$('#btn_add_childs').attr('disabled',false);
		$('#btn_remove_item').attr('disabled',true);
	}
}
//添加选择项或者选中分支的子项
function addItemsBySelectedRows(type){
	if(!strUtil.isNull(selected_left_nodeId)){
		var row = $tableTreeview.bootstrapTable('getRowByUniqueId',selected_left_nodeId);//根据唯一标识id获取当前行的data
		var rowChildCount=row._nodes.length;
		console.log(type+'.add',row,rowChildCount);
		getChildRecursionData(row);
		$('#btn_remove_all').attr('disabled',false);
		showSelectedItemsArray();
	}
}
//子节点递归获取
function getChildRecursionData(row) {
	if(row._nodes.length>0){
		row._nodes.forEach(function (r,i) {
			getChildRecursionData(r);
		});
	}else{
		selectedItemsMap[row.identifier] = {
			nodeId: row.nodeId,
			name: row.name+strUtil.doNull(row.description,''),
			identifier: row.identifier,
			namespaceIndex: row.namespaceIndex,
			parentId: row.parentId,
			serverId:this_server_id,
			groupId:this_group_id,
			dataType:strUtil.doNull(row.dataType,'Float')
		};
	}
}
//选择项map转换成数组
function getSelectedNewData() {
	var selectedItemsArray = [];
	for (var key in selectedItemsMap) {
		selectedItemsArray.push(selectedItemsMap[key]);
	}
	console.log('selectedItemsArray',selectedItemsArray);
	$("#span_selected_totals").text(selectedItemsArray.length);
	var dataHtml = baidu.template("selected_submit_form_box-template",eval({rows:selectedItemsArray}));
	$("#selected_submit_form_box").html(dataHtml);
	return selectedItemsArray;
}
//显示选择的节点
function showSelectedItemsArray() {
	var index_load = layer.load(1, {shade: false});
	$tableSeledList.bootstrapTable('destroy');
	$tableSeledList.bootstrapTable({
		data: getSelectedNewData(),
		cache: false,
		idField: 'nodeId',
		uniqueId:'nodeId',
		formatNoMatches:function(){
			var noHtml = "暂无数据";
			return noHtml;
		},
		onClickRow: function (row, $element, field) {
			selected_right_nodeId = row.nodeId;
			$element.addClass('selected').siblings().removeClass('selected');
			$('#btn_remove_item').attr('disabled',false);
			$('#btn_add_item').attr('disabled',true);
			$('#btn_add_childs').attr('disabled',true);
			console.log('selected_right_nodeId',selected_right_nodeId);
		}
	});
	layer.close(index_load);
}
//删除选中节点
function removeItemsBySelectedRows(types) {
	if('item'==types && !strUtil.isNull(selected_right_nodeId)){
		var rows = $tableSeledList.bootstrapTable('getRowByUniqueId',selected_right_nodeId);// 获得要删除的数据
		if (rows) {// rows 主要是为了判断是否选中，下面的else内容才是主要
			$tableSeledList.bootstrapTable('remove',{field:"nodeId", values:[rows.nodeId]});
			delete selectedItemsMap[rows.identifier];
			showSelectedItemsArray();
			var allTableData = $tableSeledList.bootstrapTable('getData');
			if(allTableData.length<1){
				$('#btn_add_item').attr('disabled',true);
				$('#btn_add_childs').attr('disabled',true);
				$('#btn_remove_item').attr('disabled',true);
			}
		}
	}else{
		selectedItemsMap={};
		showSelectedItemsArray();
		$('#btn_remove_all').attr('disabled',true);
	}
}

//批量保存数据
function saveItemsBatchData() {
	var allTableData = $tableSeledList.bootstrapTable('getData');
	if(allTableData.length<1){
		layer.alert('请先选择要添加的项！');
		return;
	}
	$('#selected_submit_form').find("input[name='opcUaItems.w_groupId']").val(this_group_id);
	var index_submit = layer.confirm("提交后会删除该设备已配置的所以历史标记数据，您确定要继续保存以上选择项吗？", {btn: ["确定","取消"],closeBtn: 0,offset: "220px"}
	, function(){
		layer.close(index_submit);
		var index_load = layer.load(1, {shade: false});
		$.ajax({
			type:"post",
			url:common_submit_url,data: $('#selected_submit_form').serialize(),dataType:"json",
			success: function(myData){
				console.log('saveItemsBatchData.res',myData);
				if(myData.flag=="T"){
					mytools.closeModal("my_modal_importitems");
					getItemListByThisGroupId();
					layer.close(index_load);
				}else{
					layer.alert("保存失败！");
				}
			}
		});
	});
}

//删除调用
function delItemDetail(infoId,groupId){
	var index_load = layer.load(1, {shade: false});
	var paramData = {};
	paramData["pageName"]="opc-ua-items";
	paramData["formName"]="delForm";
	paramData["opcUaItems.w_infoId"]=infoId;
	$.ajax({
		type:"post",
		url:common_submit_url,
		data: paramData,dataType:"json",
		success: function(myData){
			console.log('delItemDetail.res',infoId,myData);
			layer.close(index_load);
			if(myData.flag=="T"){
				getItemListByThisGroupId();
			}
		}
	});
}
//加载列表数据
function getTableData(){
    if(strUtil.isNull($("#"+searchFormId).find("input[name='pageName']").val())){return;}
    var index_load = layer.load(1, {shade: false});
	$.ajax({
		   type:'get',
		   url:common_list_url,
		   data:$("#"+searchFormId).serialize(),
		   dataType:'json',
		   success: function(myData){
		   	console.log('getTableData.res',myData);
		   	if("T"==myData.flag){
		   		$('#span_group_totals').text(myData.total);
			    if(myData.total>0){
					var myDataNewArray = {rows:groupDataExtentsNewData(myData)};
					console.log('getTableData.new',myDataNewArray);
			        var data = baidu.template(dataListId+"-template",eval(myDataNewArray));
                    $("#"+dataListId+"-body").html(data);
					$("#"+dataListId+"-body").find("div[data-group-status='1']").each(function () {
						settingsGroupBoxClass($(this),'start');
					});
			    }else{
                    $("#"+dataListId+"-body").html('');
			    }
			 }
			 layer.close(index_load);
		   }
		});
  }

function groupDataExtentsNewData(myData) {
	var serverDataMap = {};
	var serverChilds=[];
	for(var keys in myData.rows){
		var serverObj = myData.rows[keys]['opcUaServer'];
		var serverId = serverObj.infoId;
		var groupObj = myData.rows[keys]['opcUaGroups'];
		if(serverDataMap[serverId]){
			serverChilds=serverDataMap[serverId].childs;
		}else{
			serverChilds=[];
		}
		serverChilds.push(groupObj);
		serverDataMap[serverId]={opcUaServer:serverObj,childs:serverChilds};
	}
	var newDataArry = [];
	for(var s in serverDataMap){
		newDataArry.push(serverDataMap[s]);
	}
	return newDataArry;
}
//提交tab1表单数据
function submitForm1(formId,tabId){
	//校验规则-表单提交时触发
	var validate = $('#'+formId).data('bootstrapValidator').validate();
	if(!validate.isValid()){ //如果校验不通过就返回
	    return;  
	}
	
	var index_submit = layer.confirm('您确定要保存信息吗？', {btn: ['Yes','No'],closeBtn: 0,offset: '220px'}
	, function(){
		var result = submitForm(formId,tabId);
		if(result){
			layer.alert("提交成功！", {closeBtn: 0 });
      		if('addFormGroup'==formId){
				mytools.closeModal("my_modal_add");
				refresh();
			}else{
      			getItemListByThisGroupId();
				mytools.closeModal("my_modal_additems");
				mytools.closeModal("my_modal_importitems");
			}
      		setToken();
	  	}
	});
	
 }
//提交表单数据
function submitForm(formId,tabId){
	var result;
	var index_load = layer.load(1, {shade: false});
	$.ajax({
	    type:'post',
	    url:common_submit_url,
	    data:$("#"+formId).serialize(),
	    async:false,
	    dataType:'json',
	    success: function(myData){ 
	     console.log(myData);
	        if(myData.flag=="T"){
	        	result = myData;
	    	}else{
	    		setToken();
	     		layer.alert(myData.msg);
	    	}
	        layer.close(index_load);
	  	},
	     error: function (e) {
		     layer.close(index_load);
     	} 
	});	
	return result;
}

//刷新
function refresh(){
	getTableData();
}
//设置token
function setToken(){
	$.ajax({
	    type:'get',
	    url:'${ctx}/sendPage/token?token=true',
	    dataType:'text',
	    success: function(myData){
	    	console.log(myData);
			$('.formToken').val(myData);
	  	}
	});	
}


/**** Part 四、以下是自定义新增方法  ****/
//1.定义校验规则-定义
function setValidate(id){
	$(id).each(function(){
		$(this).bootstrapValidator({
		    feedbackIcons: {
		        valid: 'glyphicon glyphicon-ok',
		        invalid: 'glyphicon glyphicon-remove',
		        validating: 'glyphicon glyphicon-refresh'
		    },/** 以下需要结合实际业务清空补充个表单元素的验证规则 **/
		 	fields:{
		 		/** 可自定义新增验证规则
		    	"uctUser.userEname":{
		    		 validators: {
		    			 regexp: {
		    				 regexp: /^[0-9]+$/,
		                      message: '只能是数字'
		                  }
		              }
		    	}
		    	**/
				}
		});
	});
}


</script>
</section>
<!-- Main end -->   
</div>
<!-- foot start -->
<%@include file="/common/dxp/foot.jsp" %>
<!-- foot start -->
</div>
<!-- /.content-wrapper -->
</body>
</html>














